<template>
    <page-body>
        <view class="page">
            <view class="flex benben-position-layout flex flex-wrap align-center qdjg_flex_0_ibhf" :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
                <view class='flex flex-wrap align-center justify-between flex-sub qdjg_fd0_0_ibhf'>
                    <view class='flex flex-wrap align-center qdjg_fd0_0_c0_ibhf' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
                        <text class='fu-iconfont2  qdjg_fd0_0_c0_c0_ibhf'>&#xE794;</text>
                    </view>
                    <view class='flex flex-wrap align-stretch justify-center'>
                        <text class='qdjg_fd0_0_c1_c0_ibhf'>{{type==1?'抢答':type==2?'投票':type==3?'随堂测':'数字人选人'}}</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-end qdjg_fd0_0_c0_ibhf'>
                    </view>
                </view>

            </view>
            <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
            <!---flex布局2flex布局开始-->
            <view class="flex flex-direction flex-wrap align-center justify-center benben-flex-layout">
                <image class='qdjg_fd1_0_ibhf' mode="aspectFit" :src='STATIC_URL+"stcimg/12.png"'></image>
                <text class='qdjg_fd1_1_ibhf'>{{type==1?'抢答':type==2?'投票':type==3?'随堂测':''}}失败</text>
                <text class='qdjg_fd1_2_ibhf'>{{type==1?'抢答':type==2?'投票':type==3?'随堂测':'数字人选人'}}已结束，下次要快一点哦！</text>
                <view class='flex flex-direction flex-wrap align-center justify-center qdjg_fd1_3_ibhf' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
                    <text class='qdjg_fd1_3_c0_ibhf'>返回</text>
                </view>
            </view>

            <!---flex布局2flex布局结束-->
            <!---flex布局flex布局开始-->
   
			 <view :style="{height: '88rpx'}"></view>
            <!---flex布局flex布局结束-->
            <view class="flex flex-wrap align-center justify-center benben-position-layout flex qdjg_flex_3_ibhf" v-if="type==1">
                <button class='qdjg_fd3_0_ibhf' @tap.stop="handleJumpDiy" data-type="back" data-url="1">返回</button>

            </view>
            <view :style="{height: '88rpx'}"></view>


        </view>
    </page-body>
</template>
<script>
    export default {
        components: {},


        data() {
            return {
				type:2,//1抢答 2投票 3随堂测
				list:[],
				info:{
					my_info:{
						
					}
				}
			};
        },
        computed: {

        },
        watch: {},
        onLoad(options) {
				this.type=options.type
				if(this.type==2){
					return
				}
				this.id=options.id
				this.getinfo()
        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {

        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {

        },
        onReachBottom(e) {

        },
        onPageScroll(e) {

        },
        methods: {
				
				async getinfo() {
					//请求方法
					//数据验证
				
					let datalist = await this.$api.get(global.apiUrls.post68c011599ed2a, {
						quick_id: this.id,
						// teaching_id: this.teaching_id
					});
				
					if (datalist.data.code != 1) {
						this.$message.info(datalist.data.msg);
						return
					}
					let infolist = datalist.data;
					console.log(infolist)
					this.info= datalist.data.data
					this.list=this.info.list
					// 抢答
				
					
				},
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--window-bottom));
        background: var(--benbenbgColor1);
        background-size: 100% auto;

        .qdjg_flex_3_ibhf {
            width: 750rpx;
            height: 88rpx;
            overflow: hidden;
            z-index: 10;
            bottom: calc(88rpx + var(--window-bottom));

            .qdjg_fd3_0_ibhf {
                border-radius: 12rpx;
                width: 702rpx;
                line-height: 84rpx;
                font-size: 36rpx;
                background: #145EFD;
                color: #fff;
                height: 84rpx;
            }
        }

        .qdjg_fd2_0_ibhf {
            width: 492rpx;
            height: 310rpx;
            border-radius: 0rpx;
            margin: 80rpx 0rpx 30rpx 0rpx;
        }

        .qdjg_fd2_1_ibhf {
            font-size: 32rpx;
        }

        .qdjg_fd2_2_ibhf {
            width: 100%;
            height: 1rpx;
            background: #EEEEEE;
            margin: 44rpx 0rpx 44rpx 0rpx;
            transform: scaleY(0.5);
        }

        .qdjg_fd2_3_ibhf {
            font-size: 40rpx;
            font-weight: 800;
            margin: 0rpx 0rpx 44rpx 0rpx;
        }

        .qdjg_fd2_4_ibhf {
            width: 100%;
            padding: 0rpx 48rpx 0rpx 48rpx;
        }

        .qdjg_fd2_4_c0_ibhf {
            margin: 0rpx 0rpx 24rpx 0rpx;

            .qdjg_fd2_4_c0_c0_ibhf {
                color: rgba(20, 94, 253, 1);
            }
        }

        .qdjg_fd2_4_c0_c0_c0_ibhf {
            width: 60rpx;
        }

        .qdjg_fd2_4_c0_c0_c1_ibhf {
            width: 72rpx;
            height: 72rpx;
            border-radius: 36rpx;
        }

        .qdjg_fd2_4_c0_c0_c2_ibhf {
            margin: 0rpx 0rpx 0rpx 64rpx;
        }

        .qdjg_fd2_4_c0_c1_ibhf {
            width: 100%;
            height: 1rpx;
            background: #EEEEEE;
            margin: 24rpx 0rpx 10rpx 50rpx;
            transform: scaleY(0.5);
        }

        .qdjg_fd1_0_ibhf {
            width: 492rpx;
            height: 310rpx;
            border-radius: 0rpx;
            margin: 283rpx 0rpx 30rpx 0rpx;
        }

        .qdjg_fd1_1_ibhf {
            font-size: 32rpx;
            color: rgba(51, 51, 51, 1);
        }

        .qdjg_fd1_2_ibhf {
            font-size: 24rpx;
            color: rgba(153, 153, 153, 1);
            margin: 12rpx 0rpx 78rpx 0rpx;
        }

        .qdjg_fd1_3_ibhf {
            border: 2rpx solid #145EFD;
            width: 304rpx;
            height: 84rpx;
            border-radius: 8rpx;

            .qdjg_fd1_3_c0_ibhf {
                font-size: 36rpx;
                color: rgba(20, 94, 253, 1);
            }
        }

        .qdjg_flex_0_ibhf {
            width: 750rpx;
            height: 88rpx;
            overflow: hidden;
            z-index: 10;
            top: 0rpx;
            background: #fff;
            background-size: 100% auto !important;

            .qdjg_fd0_0_ibhf {
                padding: 0rpx 32rpx 0rpx 32rpx;

                .qdjg_fd0_0_c1_c0_ibhf {
                    font-size: 36rpx;
                    font-weight: 700;
                    color: #333333;
                    line-height: 50rpx;
                }
            }
        }

        .qdjg_fd0_0_c0_ibhf {
            width: 120rpx;

            .qdjg_fd0_0_c0_c0_ibhf {
                font-size: 36rpx;
                color: #333;
            }
        }
    }
</style>